#page{
    font-size:0.28rem;
    width:100%;
    min-height:100%;
    color:#929292;
    box-sizing:border-box;
    padding:1.0rem 0 1.1rem 0;
    background:#f9f9f9;
}
.page-tabs{
    position:fixed;
    left:0;
    top:0;
    width:100%;
    height:1.0rem;
    border-top:0.01rem solid #e8e8e8;
    border-bottom:0.01rem solid #e8e8e8;
    display:flex;
    display:-webkit-flex;
    background:#f9f9f9;
    z-index:10;
}
.page-tabs .p-tab{
    flex:1;
    -webkit-flex:1;
    line-height:1.0rem;
    text-align:center;
    box-sizing: border-box;
    border-right:0.01rem solid #e8e8e8;
}
.page-tabs .p-tab-active{
    background:#3e85f7;
    color:#fff;
    border-color:#3e85f7;
}
.page-tabs .p-tab:nth-child(4){
    border:none;
}
.con-box{
    padding:0.24rem 0.34rem;
    background:#f7f7f7;
}
.con-lists{
    display:none;
}
#page .lists-active{
    display:block;
}
.con-lists .list-item{
    width:100%;
    height:2.45rem;
    box-shadow: 0 0 4px 1px #d9d9d9;
    margin-bottom:0.3rem;
}
.list-item .item-part-top{
    padding:0 0.2rem;
    padding-left:0;
    height:1.84rem;
    background:#fff;
    display:flex;
    display:-webkit-flex;
}
.item-part-top .item-state{
    display:block;
    width:0.7rem;
    text-align:center;
    line-height:0.8rem;
}
.top-right{
    width:calc(100% - 0.7rem);
    height:100%
}
.item-part-top .top-info{
    width:100%;
    padding-bottom:0.24rem;
    overflow:hidden;
    border-bottom:0.01rem solid #f1f1f1;
}
.item-part-top .top-other{
    width:100%
}
.top-info .info-main{
    float:left;
    width:calc(100% - 1.4rem);
    padding-top:0.2rem;
    
}
.top-info .info-main .info-title{
    line-height:0.42rem;
    font-size:0.28rem;
    color:#262626;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.top-info .info-main .info-time{
    line-height:0.36rem;
    font-size:0.24rem;
}
.item-part-top .end-time{
    float:right;
    width:0.88rem;
    height:0.5rem;
    padding:0.1rem 0.2rem;
    line-height:0.28rem;
    color:#fff;
    border-radius:3px;
    margin-top:0.3rem;
    font-size:0.2rem;
    background:linear-gradient(to right, #c2c8fe , #7281ff);
}
.item-part-top .top-other{
    height:0.6rem;
    color:#929292;
    font-size:0.24rem;
}
.item-part-top .top-other .o-txt{
    float:left;
    line-height:0.6rem;
    padding-left:0.2rem;
    padding-right:0.2rem;
    position:relative;
}
.item-part-top .top-other .o-txt:before{
    content:"";
    display:block;
    width:5px;
    height:5px;
    background:#3e85f7;
    border-radius:5px;
    position:absolute;
    left:0;
    top:0.26rem;
}
.item-part-top .top-other .o-txt:after{
    content:"";
    width:1px;
    height:0.3rem;
    background:#bebebe;
    position:absolute;
    right:0;
    top:0.15rem;

}
.item-part-top .top-other .o-time{
    float:left;
    line-height:0.6rem;
    padding-left:0.2rem;
}
.item-part-down{
    height:0.6rem;
    padding-left:0.7rem;
}
.item-part-down .t-state{
    float:left;
    line-height:0.6rem;
    font-size:0.24rem;
    margin-right:0.4rem;
}
.item-part-down .iconfont{
    font-size:0.24rem;
}
.item-part-down .i-finish{
    float:left;
    line-height:0.6rem;
    font-size:0.24rem;
}

